
<script src="{path}"></script>

<script src="includes/js/Zoomer.js"></script>   
<script type="text/javascript">
	$(document).ready(function(){
		$(".imggal").show();	
	});
</script>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" >
<font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
<b>{nome}  </b>
</font>
</td>
</tr>
  
<tr>
<td >

<!-- START BLOCK : IMG_GAL -->        
<script type="text/javascript">
	$(function() {
		$( "#tabs" ).tabs();
		$( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" ).removeClass( "ui-corner-all ui-corner-top " );
		
	});
</script>

<div id="slider" align="left">

   	<div id="tabs" class="tabs-bottom" >
   	<!-- START BLOCK : ICO_IMG --> 
         <div id="tabs-{n}">
			<center >
            <div id="wrap-{n}" style="width:200px;height:200px"> 
				<img class="imggal" src="../gera_imagem.php?evento=LoadThumb&w=200&h=200&url={img}"  
				big="../gera_imagem.php?evento=LoadThumb&w=400&h=400&url={img}" onmousemove="$(this).zoomer({smooth: 10});" style="display:none" />
			</div> 
          	</center>
		 </div>
	<!-- END BLOCK : ICO_IMG -->      
	 <ul>
		 <!-- START BLOCK : ICO --> 
		<li><a href="#tabs-{n}">{n}</a></li>   
		 <!-- END BLOCK : ICO -->  
	 </ul> 
   	</div>

   </div>
<!-- END BLOCK : IMG_GAL --> 
         
</td>

</tr>

<tr>
<td>

   	<table class="ui-widget-content" width="100%">
    <tr>
   	<td height="10"></td>
    </tr>

   	<tr>
   	<td align="left">&nbsp;&nbsp;
	<font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
	<b>
	Descri&ccedil;&atilde;o :
	</b>
	</font>
	</td>
    </tr>

    <tr>
   	<td height="10"></td>
    </tr>

    <tr>
	<td style="padding-left:25px" >{descricao}</td>
	</tr>
	
	<tr>
	<td height="10"></td>
	</tr>
    </table>
</td>
</tr>

<tr>
<td>
<div class="cart_line_x padd2_gg"><img src="images/spacer.gif" border="0" alt="" width="1" height="2"></div>
</td>
</tr>

<tr>
<td>
   	<table class="ui-widget-content" >
	<tr>
    <td align="left">&nbsp;&nbsp;
	<font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
	<b> 
	Pre&ccedil;o : 
	</b>
	</font>
	<span id="preco_modelo_reajuste"  align="left" > 
	<font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
	<b> 
	{preco} 
	</b>
	</font>
	</span>
	</td>
	</tr>
    </table>
</td>
</tr>

<tr>
<td>
<div class="cart_line_x padd2_gg"><img src="images/spacer.gif" border="0" alt="" width="1" height="2"></div>
</td>
</tr>

<!-- START BLOCK : COMPRA -->
<tr>
<td>
   	<table class="ui-widget-content" width="100%">
	<!-- START BLOCK : ABRE_MODELO -->
	<tr><td colspan="3" height="10"></td></tr>
	<tr><td colspan="3" height="10"></td></tr>
    <!-- START BLOCK : ID_DESCRICAO -->
            <tr>
            <td width="18%" align="left">&nbsp;&nbsp;
            <font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
            <b> 
                {tp_desc}:	
            </b>
            </font>	
            
            </td>
            <td width="54%" align="left">
            	<!-- onchange="carrega_descricao({id_desc})" -->
                <select name="modelo_{id_desc}" size="1" id="modelo_{id_desc}" >
                <!-- START BLOCK : MODELO -->
                <option value="{id_modelo}"  {slt} >{desc}&nbsp;&nbsp;</option>
                <!-- END BLOCK : MODELO -->
                </select>
                <!-- START BLOCK : MODELO_PRECO -->
                <input type="hidden" id="preco_modelo_{id}" name="preco_modelo_{id}" value="{preco_modelo}"  />
                <!-- END BLOCK : MODELO_PRECO -->
            </td>
            <td width="28%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    </tr>
	<!-- END BLOCK : ID_DESCRICAO -->
	
    <!-- END BLOCK : ABRE_MODELO -->
  <!-- START BLOCK : TEM_DESCRICAO -->	
    <tr>
    <td  align="left">&nbsp;&nbsp;
	<font color="#333333" size="2" face="Arial, Helvetica, sans-serif">
	<b> 
	Quantidade:
	</b>
	</font>
    </td>
    <td align="left"> 
	<input type="text" id="quantidade"  name="quantidade" value = "1" />  
    </td>
	<td width="28%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
	</tr>

    <tr>
  
   	<td align="center" colspan="3">
       	<table width="100%">
			<tr>
			<td width="50%" align="center" style="font-weight:bolder;font:Verdana, Geneva, sans-serif">
				<span onclick="adicionar_carrinho({id})" style="cursor:pointer;">
				<img src="images/cart.png" border="0" />
				<br/>
				Adicionar ao Carrinho
				</span>
			</td>
			<td width="50%" align="center" style="font-weight:bolder;font:Verdana, Geneva, sans-serif">
				 <span onclick="compra_direta()" style="cursor:pointer;">
				 <img src="images/cart.png" border="0" />
				 <br/>
				 Compra Rapida
				 </span>
			</td>
	        </tr>
	    </table>
     </td>
     </tr>
     </table>
</td>
</tr>

<tr>
<td>
<div class="cart_line_x padd2_gg"><img src="images/spacer.gif" border="0" alt="" width="1" height="2"></div>
</td>
</tr>
  <!-- END BLOCK : TEM_DESCRICAO -->
<!-- END BLOCK : COMPRA -->
<input type="hidden" value="{idprod}" id="idprod" />
<tr>
<td class="cont_heading_td" style="font-weight:bolder;font:Verdana, Geneva, sans-serif" align="center" >&nbsp;</td>
</tr>

<tr>
<td class="cont_heading_td" style="font-weight:bolder;font:Verdana, Geneva, sans-serif" align="center" >
<span  onclick="retornar('{query}',{pagina})" style="cursor:pointer;">
<img src="images/voltar.gif" border="0" />
<br/>
Voltar
</span>
</td>
</tr>

<tr>
<td class="cont_heading_td" style="font-weight:bolder;font:Verdana, Geneva, sans-serif" align="left" ></td>
</tr>
</table>
